{% extends "templates/conference.html" %}

{% block title %}IndiaOS 2020 - An Open Source Conference{% endblock %}

{% block meta %}
<meta itemprop="name" content="IndiaOS - 2020">
<meta name="title" content="Your Guide to Bengaluru - IndiaOS 2020">
<meta name="description" content="Bengaluru is loved for its pleasant weather, beautiful parks and lakes all around the town. ">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@indiaos">
<meta name="twitter:title" content="Your Guide to Bengaluru">
<meta name="twitter:description" content="Bengaluru is loved for its pleasant weather, beautiful parks and lakes all around the town. ">
<meta name="twitter:creator" content="@indiaos">
<meta name="twitter:card" content="summary_large_image">

<!-- Twitter summary card with large image must be at least 280x150px -->
<meta name="twitter:image:src" content="{{ frappe.utils.get_url() }}/assets/indiaos/img/social/travel.png">

<!-- Open Graph data -->
<meta property="og:title" content="Your Guide to Bengaluru" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ frappe.utils.get_url() }}" />
<meta property="og:image" content="{{ frappe.utils.get_url() }}/assets/indiaos/img/social/travel.png" />
<meta property="og:image:width" content="800" />
<meta property="og:image:height" content="450" />
<meta property="og:description" content="Bengaluru is loved for its pleasant weather, beautiful parks and lakes all around the town. " />
<meta property="og:site_name" content="IndiaOS - 2020" />
{% endblock %}

{% block body %}
<section class="container mx-auto py-24">
	<div>
		<h1 class="text-4xl font-bold tracking-wide text-center mx-2">Your Guide to Bengaluru City</h2>
		<div class="map py-10 px-6 lg:p-12 rounded shadow-md bg-white mt-8 mx-2 lg:mx-0">
			<p class="font-mono mt-3 p-0 leading-relaxed">Having evolved gradually from being the Garden City to the Silicon Valley of India, Bengaluru is the third largest and one of the most livable cities in India. Bengaluru is loved for its pleasant weather, beautiful parks and lakes all around the town. The city itself has beautifully combined its rich cultural heritage with its technological and industrial accomplishments, the synthesis of which gives the city it's unique cosmopolitan identity.</p>
			<h3 class="text-2xl font-bold mt-10 tracking-wide text-center">Dine and Wine 🍷</h3>
			<p class="font-mono mt-3 p-0 leading-relaxed">The city is an absolute culinary delight, you can walk into an authentic south indian restaurants for breakfast or hop into one of the several acclaimed craft breweries in the city for a cold and refreshing drink. Here are a few we recommend:</p>
			<div class="ml-5 lg:ml-12 font-mono mt-5">
				<ul class="list-disc">
					<li class="mb-2">
						<a class="underline text-blue-900 cursor-pointer" href="https://www.zomato.com/bangalore/mavalli-tiffin-room-mtr-basavanagudi-bangalore" target="blank">Mavalli Tiffin Room (MTR)</a>
					</li>
					<li class="mb-2">
						<a class="underline text-blue-900 cursor-pointer" href="https://www.zomato.com/bangalore/toit-indiranagar" target="blank">Toit</a>
					</li>
					<li class="mb-2">
						<a class="underline text-blue-900 cursor-pointer" href="https://www.zomato.com/bangalore/uru-brewpark-jp-nagar-bangalore" target="blank">Uru Brewpark</a>
					</li>
					<li class="mb-2">
						<a class="underline text-blue-900 cursor-pointer" href="https://www.zomato.com/bangalore/the-hole-in-the-wall-cafe-koramangala-4th-block-bangalore" target="blank">The Hole In The Wall Café</a>
					</li>
					<li class="mb-2">
						<a class="underline text-blue-900 cursor-pointer" href="https://www.zomato.com/bangalore/the-fatty-bao-asian-gastro-bar-indiranagar" target="blank"> The Fatty Bao</a>
					</li>
					<li class="mb-2">
						<a class="underline text-blue-900 cursor-pointer" href="https://www.zomato.com/bangalore/abs-absolute-barbecues-whitefield" target="blank"> AB's - Absolute Barbecues </a>
					</li>
				</ul>
			</div>
			<h3 class="text-2xl font-bold mt-10 tracking-wide text-center">Places to visit</h3>
			<div class="flex flex-wrap mt-8">
				<div class="text-center w-full sm:w-1/2 md:w-1/3 lg:w-1/5 mb-4">
					<a target="blank" href="http://www.kla.kar.nic.in/vds.htm">
					<img class="rounded-full mx-auto border-8 border-white shadow-md h-40 w-40" src="/assets/indiaos/img/city/vidhan.jpg" alt="Vidhana Soudha">
					<p class="mt-3 font-medium text-gray-900">Vidhana Soudha</p>
					</a>
				</div>
				<div class="text-center w-full sm:w-1/2 md:w-1/3 lg:w-1/5 mb-4">
					<a target="blank" href="https://en.wikipedia.org/wiki/Tipu_Sultan%27s_Summer_Palace">
					<img class="rounded-full mx-auto border-8 border-white shadow-md h-40 w-40" src="/assets/indiaos/img/city/tipu.jpg" alt="Tipu Sultan's Palace">
					<p class="mt-3 font-medium text-gray-900">Tipu Sultan's Palace</p>
					</a>
				</div>
				<div class="text-center w-full sm:w-1/2 md:w-1/3 lg:w-1/5 mb-4">
					<a target="blank" href="https://en.wikipedia.org/wiki/Cubbon_Park">
					<img class="rounded-full mx-auto border-8 border-white shadow-md h-40 w-40" src="/assets/indiaos/img/city/cubbon.jpg" alt="Cubbon Park">
					<p class="mt-3 font-medium text-gray-900">Cubbon Park</p>
					</a>
				</div>
				<div class="text-center w-full sm:w-1/2 md:w-1/3 lg:w-1/5 mb-4">
					<a target="blank" href="https://www.karnatakachitrakalaparishath.com/">
					<img class="rounded-full mx-auto border-8 border-white shadow-md h-40 w-40" src="/assets/indiaos/img/city/chitrakala_parishath.jpg" alt="Chitrakala Parishath">
					<p class="mt-3 font-medium text-gray-900">Chitrakala Parishath</p>
					</a>
				</div>
				<div class="text-center w-full sm:w-1/2 md:w-1/3 lg:w-1/5 mb-4">
					<a target="blank" href="http://www.rangashankara.org/home/rangashankara/">
					<img class="rounded-full mx-auto border-8 border-white shadow-md h-40 w-40" src="/assets/indiaos/img/city/ranga.jpg" alt="Ranga Shankara">
					<p class="mt-3 font-medium text-gray-900">Ranga Shankara</p>
					</a>
				</div>
			</div>
		</div>
	</div>
</section>
{% endblock %}